
<!doctype html>
<html lang="en">
	<head>
		<meta charset="utf-8">
		<title>graphs1090: Performance Graphs</title>
		<meta http-equiv="cache-control" content="no-cache" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="stylesheet" href="bootstrap.min.css?v=__cache_version__">
		<link rel="stylesheet" href="bootstrap-theme.min.css?v=__cache_version__">
		<link rel="stylesheet" href="portal.css?v=__cache_version__">
		<link rel="icon" type="image/png" href="graphs-favicon.png">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="white">
		<link rel="apple-touch-icon" href="apple-touch-icon.png">
	</head>

	<body>
		<div class="container">
			<h1>Performance Graphs</h1>
			<div class="btn-group" role="group">
				<button type="button" id="btn-2h" class="btn btn-default btn-sm active" onclick="switchView('2h')">2 hours</button-->
				<button type="button" id="btn-8h" class="btn btn-default btn-sm" onclick="switchView('8h')">8 hours</button>
				<button type="button" id="btn-24h" class="btn btn-default btn-sm" onclick="switchView('24h')">24 hours</button>
				<button type="button" id="btn-48h" class="btn btn-default btn-sm" onclick="switchView('48h')">48 hours</button>
				<button type="button" id="btn-7d" class="btn btn-default btn-sm" onclick="switchView('7d')">7 days</button>
				<button type="button" id="btn-14d" class="btn btn-default btn-sm" onclick="switchView('14d')">14 days</button>
				<button type="button" id="btn-30d" class="btn btn-default btn-sm" onclick="switchView('30d')">30 days</button>
				<button type="button" id="btn-90d" class="btn btn-default btn-sm" onclick="switchView('90d')">3 months</button>
				<button type="button" id="btn-180d" class="btn btn-default btn-sm" onclick="switchView('180d')">6 months</button>
				<button type="button" id="btn-365d" class="btn btn-default btn-sm" onclick="switchView('365d')">1 year</button>
				<button type="button" id="btn-730d" class="btn btn-default btn-sm" onclick="switchView('730d')">2 years</button>
				<button type="button" id="btn-1095d" class="btn btn-default btn-sm" onclick="switchView('1095d')">3 years</button>
			</div>
			<div class="padding"></div>
			<!-- Dump1090 Graphs -->
			<div id="panel_1090" style="display:block" class="panel panel-default">
				<div class="panel-heading">Dump1090 Graphs</div>
				<div class="panel-body">
					<div class="row">
						<div class="column">
							<a id ="dump1090-local_trailing_rate-link" href="#">
								<img id="dump1090-local_trailing_rate-image" class="img-responsive" src="#" alt="Message Rate (Trailing)">
							</a>
						</div>
					</div>
					<div class="row">
						<div class="column">
							<a id ="dump1090-aircraft-link" href="#">
								<img id="dump1090-aircraft-image" class="img-responsive" src="#" alt="Aircraft Seen">
							</a>
						</div>
						<div class="column">
							<a id ="dump1090-tracks-link" href="#">
								<img id="dump1090-tracks-image" class="img-responsive" src="#" alt="Tracks Seen">
							</a>
						</div>
					</div>
					<div class="row">

						<div class="column text-center">
							<a id ="dump1090-range-link" href="#">
								<img id="dump1090-range-image" class="img-responsive" src="#" alt="Max Range (Nautical Miles)">
							</a>
						</div>



						<div class="column text-center">
							<a id ="dump1090-signal-link" href="#">
								<img id="dump1090-signal-image" class="img-responsive" src="#" alt="Signal Level">
							</a>
						</div>
					</div>
					<div class="row">
						<div class="column text-center">
							<a id ="dump1090-local_rate-link" href="#">
								<img id="dump1090-local_rate-image" class="img-responsive" src="#" alt="Message Rate">
							</a>
						</div>
						<div class="column text-center">
							<a id ="dump1090-aircraft_message_rate-link" href="#">
								<img id="dump1090-aircraft_message_rate-image" class="img-responsive" src="#" alt="Aircraft Message Rate">
							</a>
						</div>
					</div>
					<div class="row">
						<div class="column text-center">
							<a id ="dump1090-cpu-link" href="#">
								<img id="dump1090-cpu-image" class="img-responsive" src="#" alt="CPU Utilization">
							</a>
						</div>
						<div class="column text-center">
						</div>
					</div>
				</div>
			</div>
			<!-- Dump978 Graphs -->
			<div id="panel_978" class="panel panel-default" style="display:none"> <!-- dump978 -->
				<div class="panel-heading">Dump978 Graphs</div>
				<div class="panel-body">
					<div class="row">
						<div class="column text-center">
							<a id ="dump1090-messages_978-link" href="#">
								<img id="dump1090-messages_978-image" class="img-responsive" src="#" alt="UAT Message Rate">
							</a>
						</div>
						<div class="column text-center">
							<a id ="dump1090-aircraft_978-link" href="#">
								<img id="dump1090-aircraft_978-image" class="img-responsive" src="#" alt="UAT Aircraft">
							</a>
						</div>
					</div>
					<div class="row">
						<div class="column text-center">
							<a id ="dump1090-range_978-link" href="#">
								<img id="dump1090-range_978-image" class="img-responsive" src="#" alt="UAT Max Range">
							</a>
						</div>
						<div class="column text-center">
							<a id ="dump1090-signal_978-link" href="#">
								<img id="dump1090-signal_978-image" class="img-responsive" src="#" alt="UAT Signal Level">
							</a>
						</div>
					</div>
				</div>
			</div>
			<!-- System Graphs -->
			<div class="panel panel-default">
				<div class="panel-heading">System Graphs</div>
				<div class="panel-body">
					<div class="row">
						<div class="column text-center">
							<a id ="system-cpu-link" href="#">
								<img id="system-cpu-image" class="img-responsive" src="#" alt="Overall CPU Utilization">
							</a>
						</div>
					</div>
					<div class="row">


						<div class="column text-center">
							<a id ="system-temperature-link" href="#">
								<img id="system-temperature-image" class="img-responsive" src="#" alt="Core Temperature">
							</a>
						</div>

						<div class="column text-center">
							<a id ="system-memory-link" href="#">
								<img id="system-memory-image" class="img-responsive" src="#" alt="Memory Utilization">
							</a>
						</div>
					</div>
					<div class="row">

						<div class="column text-center">
							<a id ="system-network_bandwidth-link" href="#">
								<img id="system-network_bandwidth-image" class="img-responsive" src="#" alt="Bandwidth Usage">
							</a>
						</div>

						<div class="column text-center">
							<a id ="system-df_root-link" href="#">
								<img id="system-df_root-image" class="img-responsive" src="#" alt="Disk Space Usage (/)">
							</a>
						</div>
					</div>
					<div class="row">
						<div class="column text-center">
							<a id ="system-disk_io_iops-link" href="#">
								<img id="system-disk_io_iops-image" class="img-responsive" src="#" alt="Disk I/O - IOPS">
							</a>
						</div>
						<div class="column text-center">
							<a id ="system-disk_io_octets-link" href="#">
								<img id="system-disk_io_octets-image" class="img-responsive" src="#" alt="Disk I/O - Bandwidth">
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div id="push"></div>
		<footer id="footer">
			<div class="container">
				<p class="muted credits">
				<a href="https://github.com/wiedehopf/graphs1090#graphs1090">graphs1090 on github</a>
				</p>
			</div>
		</footer>
		<script src="jquery-3.1.1.min.js?v=__cache_version__"></script>
		<script src="bootstrap.min.js?v=__cache_version__"></script>

		<script type="text/javascript">
			$('#graphs-link').addClass("active");

		</script>

		<script src="graphs.js?v=__cache_version__"></script>

	</body>
</html>
